<template>
	<view class="flex align-center p-2 border-bottom border-light-secondary " hover-class="bg-light">
		<image :src="item.avatar" style="height: 80rpx;width: 80rpx;"
		 class="rounded-circle mr-2 "></image>
		 <view class="flex flex-column flex-1  " >
			 <view class="flex align-center justify-between" >
				 <text class="font-md" >{{item.username}}</text>
				 <text class="font-sm text-secondary" >{{item.update_time | formatTime}}</text>
			 </view>
			 <view class="flex align-center justify-between " >
				 <text class="text-secondary text-ellipsis" style="max-width: 500rpx;" >{{item.data}}</text>
				<uni-badge :text="item.noread" type="error" ></uni-badge>
			 </view>
		 </view>
	</view>
</template>

<script>
	/* 引入时间库 */
	import uniBadge from "@/components/uni_ui/uni-badge/uni-badge.vue"
	 import $T from '@/common/time.js';
	export default{
		comments:{
			uniBadge
		},
		props:{
			item:Object,
			index:Number
		},
		filters:{
			formatTime(value){
				return $T.gettime(value);
			}
		}
	}
	
</script>

<style>
</style>
